<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
              *{
                  margin: 0px;
                  padding: 0px;
              }
              .q1{
                  height: 500px;
                  background: url('images/jyp.jpg') repeat-x ;
              
              }
              .r1{
                  height: 41px;
                  padding: 12px;
                  
              }
              .r1 img{
                height: 43px;
                margin-top: 5px;
                float: left;
              }
              .r1 ul{
                  float:right;
              }
              .r1 li{
                color: azure;
                    float: left;
                    list-style: none;
                    margin-top: 10px;
                    padding: 5px;
                    
              }
              .r1 li:hover{
                    background: rgba(14, 13, 13, 0.973);
                    border-radius: 20px;
              }
              .t1{
                 margin-top: 50px;
                 margin-bottom: 65px;
                 float: left;
              }
             
              .t1 img{
                margin-bottom: 12px;
                  width: 203px;
                  height: 54px;
                  margin-top: 19px;
                  
                  
              }
              .t1 p{
                  margin-top: 5px;
                  color: #979797;
                  
              }
              .t1 li{
                  margin-bottom: 10px;
                  

              }
              .t1 q{
                color: #609700;
                text-decoration: none;
              }
              .t2{
                  float:right;
              }
              .t2 ul{
                  text-align: center;
              }
              .t2 li{
                  color: #609700;
                  list-style: none;
                  
              }
              .q2{
                  width: 968px;
                  height: 300px;
                  margin: 47px auto 30px;
              }
              .v1{
                  width: 594px;
                  float: left;
              }
             
              .x1{
                  float: left;
                }
              .x2 p{
                  margin-top: 5px;
                  margin-bottom: 5px;
              }
              .x2{
                  float: left;
                  float: right;
              }
              .w1,.w2{
                  width: 968px;
                  
                 margin: 0px auto;
              }
              .x3{
                  float: right;
              }
              .x1,.x2,.x3 ul {
                  font-size: 12px;
              }
              .x1 p{
                  margin-top: 5px;
                  margin-bottom: 5px;
                }
              .x1 a{
                color: #609700;
                text-decoration: none;
              }
              
              .x3 p{
                  margin-top: 5px;
                  margin-bottom: 5px;
              }
              .x1 li{
                  list-style: none;
              }
              .x2 li{
                  list-style: none;
                }
              .v2 ul{
                  font-size: 5px;
              }
              .x3 li {
                  list-style: none;
              
              }
              .x2 a{
                color: #609700;
                text-decoration: none;
              }
              .x3 a{
                color: #609700;
                text-decoration: none;
              }
              .v2{
                  width: 305px;
                  float: right;
                }
              .w1{
                  margin-top: 12px;
                  margin-bottom: 12px;
                  height: 13px;
                  width: 321px;
              
                  
              }
              .v2 li{
                  margin-top: 5px;
                  margin-bottom: 5px;
              }
              .v2 a{
                  text-decoration: none;
                  color: #609700;
              }
              .v2 a{
                  margin-top: 12px;
                  margin-left: 12px;
              }
              .v2 img{
                  margin-top: 12px;
                  float: left;
              }
              .v2 h4{
                  color: black;
                  margin-top: 12px;
              }
              .q3{
                width: 968px;
                height: 51px;
                margin:0px auto;
    
                border-top: 1px solid #d4dadf;
              
              
              }
              .w2{
                  height: 13px;
                  width: 300px;
              }
              .w1 p{
                  float: left;
                  font-size: 12px;
                  margin-right: 10px;
                  color: #000;
              }
              .w1 a{
                text-decoration: none;
              }
              .w2 p{
                font-size: 12px;
                
              }
              .q2{
                margin-top: 10px;
                 
                  
                  height: 13px;
                  width: 321px;
                float: right;
                
              }
              .q2 p{
                  font-size: 12px;
                  margin-right: 17px;
                  float: left;
                  
              }
              .q2 a{
                  text-decoration: none;
              }
              .q1{
                  float: left;
              }
            </style>
        </head>
        <body>
            <div class="a1">
                <div class="b1">
                    <div class="d1">
                        <h1>
                            <a href="">
                                <img src="images/pa.png" alt="">
                            </a>
                        </h1>
                        <ul>
                            <a href=""><li>首页</li></a>
                            <a href=""><li>帮助与反馈</li></a>
                            <a href=""><li>公众平台</li></a>
                            <a href=""><li>开放平台</li></a>
                            <a href=""><li>微信支付</li></a>
                            <a href=""><li>微信广告</li></a>
                            <a href=""><li>企业微信</li></a>
                            <a href=""><li>表情开发平台</li></a>
                            <a href=""><li>微信网页版</li></a>
                        </ul>
                    </div>
                </div>
                <div class="b2">
                    <div class="z1">
                        <h2> 微信，是一个生活方式</h2>
                        <ul>
                            <p>超过十亿人使用的手机软件</p>
                            <p>支持发送语音短信、视频、图片和文字</p>
                            <p>可以群聊，仅耗少量流量，适合大部分智能手机</p>
                            <a href=""><img src="images/pg.png" alt=""></a>
                            <li><a href="">忘记了微信账号或密码？</a></li>
                            <li><a href="">自助解除登录或功能限制</a></li>
                            <li><a href="">冻结或解冻微信账号</a></li>
                        </ul>
                    </div>
                    <div class="z2">
                        <a href="">
                            <img src="images/ko.png" alt="">
                        </a>
                        <ul>
                            <p>微信 3.2.1 for Windows 发布</p>
                            <li>Windows3.2.1</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="a2">
                <div class="v1">
                    <div class="x1">
                        <a href=""><img src="images/bo.jpg" alt="">
                        </a>
                        <h5>微信网页版</h5>
                        <ul>
                            <p>扫一扫二维码</p>
                            <p>就能在浏览器上使用微信</p>
                            <a href=""><li>了解更多</li></a>
                        </ul>
                    </div>
                    <div class="x2">
                        <a href=""><img src="images/kk.jpg" alt="">
                        </a>
                        <h5>微信 Mac 版</h5>
                        <ul>
                            <p>极致简洁，迅捷沟通</p>
                            <a href=""><li>了解更多</li></a>
                        </ul>
                    </div>
                    <div class="x3">
                        <a href="">
                            <img src="images/ka.jpg" alt="">
                        </a>
                        <h5>微信 Windows 版</h5>
                        <ul>
                            <p>让沟通更方便</p>
                           <a href=""><li>了解更多</li></a>
                        </ul>
                    </div>
                </div>
                <div class="v2">
                    <h5>最新消息</h5>
                    <ul>
                        <li><a href="">微信 8.0.2 for Android 正式版发布</a></li>
                        <li><a href="">微信 3.2.1 for Windows 正式版发布</a></li>
                        <li><a href="">微信 8.0.2 for iOS 正式版发布</a></li>
                        <li><a href="">微信 2.6.1 for Mac 正式版发布</a></li>
                        <li><a href="">关于部分 iOS 9 用户无法更新微信</a></li>
                        <li><a href="">微信外部链接内容管理规范</a></li>
                        <li><a href="">微信网页版 2.1 版本发布</a></li>
                        <li><a href="">微信表情开放平台上线</a></li>
                        <li><a href="">官方辟谣公众号开通</a></li>
                        <p><a href="">查看更多</a></p>
                    </ul>
                    <img src="images/fk.png" alt="">
                    <h4><a href="">联系我们</a></h4>
                    </div>
                 
            </div>
            <div class="a3">
                <div class="q1">
                    <div class="w1">
                        <p><a href="">关于微信</p></a>
                        <p><a href="">服务条款</p></a>
                        <p><a href="">使用规范</p></a>
                        <p><a href="">客服中心</p></a>
                        <p><a href="">隐私保护指引</p></a>
                    </div>
                    <div class="w2">
                        <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
                    </div>
                </div>
                <div class="q2">
                    <p><a href="">简体中文</a></p>
                    <p><a href="">繁体中文</a></p>
                    <p><a href="">English</a></p>
                </div>
            </div>
        </body>
</html>